<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>title</title>
		<link rel="stylesheet" type="text/css" href="../css/api.css"/>
		<link rel="stylesheet" type="text/css" href="../css/aui.css"/>
		<link rel="stylesheet" type="text/css" href="../css/ldty.css"/>
		<style>
			body {
			}
		</style>
	</head>
	<body>
		<header class="aui-bar aui-bar-nav" style="padding-top:5px;">
			<a class="aui-pull-left" id="return"> <span class="aui-iconfont aui-icon-left">返回</span> </a>
			<div class="aui-title">
				立定跳远
			</div>
		</header>
        <video class="video-play" src="http://139.196.21.6:8080/images/ldty.mp4" poster="../image/start.png" controls></video>
        <div class="container">
            <div class="description">
                <div class="title">材料包：</div>
                <div class="neirong">
                    <p>1. 卷尺，用于测量孩子跳跃的距离</p>
                    <p>2. 粉笔，用于画出起跳位置和相应刻度</p>
                </div>
            </div>
            <div class="submit-btn">
                <div class="aui-btn aui-btn-primary btn-custom" id="record">记录测试成绩</div>
                <div class="hint">
                    <p>最晚完成时间：2017-12-31</p>
                    <p>过期后不得录入或修改</p>
                </div>
            </div>
        </div>
		<!--<ul class="aui-list aui-form-list">-->
			<!--<li class="aui-list-item">-->
				<!--<input type="button" value="开始" onclick="fnStart()" class="aui-btn aui-btn-primary" id="ldty"/>-->
				<!--<input type="button" value="暂停" onclick="fnPause()" class="aui-btn aui-btn-primary" id="reg"/>-->
				<!--<input type="button" value="重新观看" onclick="fnStop()" class="aui-btn aui-btn-primary" id="reg"/>-->
			<!--</li>-->
			<!--<h2>材料包：</h2>-->
			<!--<li class="aui-list-item">-->
				<!--<input type="text" value="1:卷尺，用于测量孩子跳跃的距离" id="ldty" readonly="true"/>-->
			<!--</li>-->
			<!--<li class="aui-list-item">-->
				<!--<input type="text" value="2:粉笔，用于画出起跳位置和相应刻度"  id="reg" readonly="true"/>-->
			<!--</li>-->
			<!--<br/>-->
			<!--<br/>-->
			<!--<input type="button" value="记录测试成绩" class="aui-btn aui-btn-info" id="record" style="margin-left: 100px;height: 50px;width: 150px;"/>-->
			<!--<br/>-->
			<!--<span style="margin-left: 100px;">最晚完成时间：2017-12-31</span>-->
			<!--<span style="margin-left: 100px;">过期后不得录入或修改</span>-->
		<!--</ul>-->
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript">
		apiready = function() {
			videoPlayer = api.require('videoPlayer');
			var _return = $api.byId('return');
			$api.addEvt(_return, 'click', function() {
				api.closeWin({
					name : 'ldty'
				});
			});
//			videoPlayer.open({
//				rect : {
//					y : 70,
//					h : 150
//				},
//				autoPlay : false,
//			});
//
//			videoPlayer.show();
//			videoPlayer.setPath({
//				path : 'http://139.196.21.6:8080/images/ldty.mp4',
//				coverImg : 'widget://image/start.png'
//			});
			$api.addEvt($api.byId('record'), 'click', function() {
			videoPlayer.pause();
				api.openWin({
					name : 'record',
					url : './record.html',
				});
			});
		};
		function fnStart() {
			videoPlayer.start();
		}

		function fnPause() {
			videoPlayer.pause();
		}

		function fnStop() {
			videoPlayer.stop();
			videoPlayer.start();
		}
	</script>
</html>